import React, { Component } from 'react'
import Context from './component/Context'

// 注意：
// - 懒加载路由篇：
//   1. 懒加载路由要借助 lazy 和 Suspense，从 react 依赖中引入
//   2. Suspense 要指定 fallback 组件/渲染结构，例如 loading...
//   3. Suspense 的 fallback 如果是组件，则当前组件不可以懒加载
// - Context祖组件传参篇：
//   1. 适用于祖孙及祖组及组件间传参
//   2. 需要引入 React.createContext()，及解构出对应的 Provider（只适用于类组件） 或 Consumer（适用于类和函数组件）
//   3. 在子组件上用 Provider 包裹孙级组件，用 value 做 key 传递给子组件
//   4. 在之后的组件上，采取谁用谁取的方法，取时必须用 static contextType 指定哪一个 context
//   5. 然后用 this.context 解构取值
// - PureComponent:
//   1. 原理：会自动对比状态是否改变，进而决定是否渲染 render
//   2. 使用：如果使用该方式创建组件，状态的改变一定要用新对象

export default class App extends Component {
  render() {
    return (
      <div>
        <Context />
      </div>
    )
  }
}
